<template>
  <div class="bigBox">
    <h3>门店销售额排名</h3>
<<<<<<< HEAD
    <el-row v-for="(item, index) in data" :key="index">
      <el-col :span="3">{{ index + 1 }}</el-col>
      <el-col :span="16"
        ><span>工专路{{ index + 1 }}号店</span></el-col
      >
      <el-col :span="5"
        ><span>{{ item.allnum }}</span></el-col
      >
=======
    <el-row>
      <el-col :span="3">1</el-col>
      <el-col :span="16"><span>工专路1号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">2</el-col>
      <el-col :span="16"><span>工专路2号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">3</el-col>
      <el-col :span="16"><span>工专路3号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">4</el-col>
      <el-col :span="16"><span>工专路4号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">5</el-col>
      <el-col :span="16"><span>工专路5号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">6</el-col>
      <el-col :span="16"><span>工专路6号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">7</el-col>
      <el-col :span="16"><span>工专路7号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
    </el-row>
    <el-row>
      <el-col :span="3">8</el-col>
      <el-col :span="16"><span>工专路8号店</span></el-col>
      <el-col :span="5"><span>323,234</span></el-col>
>>>>>>> gxd
    </el-row>
  </div>
</template>

<script>
<<<<<<< HEAD
import { twoTwoApi } from "@/api/dashboard";
export default {
  name: "Cardright",
  data() {
    return {
      data: [],
    };
  },
  created() {
    this.initData();
  },
  methods: {
    async initData() {
      let { cardR } = await twoTwoApi();
      this.data = cardR.cardR;
      console.log(this.data);
    },
  },
=======
export default {
  name: "Cardright",
>>>>>>> gxd
};
</script>

<style scoped lang="scss">
.bigBox {
  width: 400px;
  margin-left: 20px;
  h3 {
    font-weight: normal;
  }
  el-row {
    margin: 4px;
  }
}
.el-row {
  margin-top: 8px;
}
</style>